<template>
  <div>
    <a-spin :spinning="confirmLoading">
    <a-form style="max-width: 800px; margin: 40px auto 0;">
      <a-alert
        :closable="true"
        message="请认真确认填写信息无误后提交，系统自动生成开户账号，且无法退回取消！"
        style="margin-bottom: 24px;"
      />

      <a-form-item :wrapperCol="{span: 19, offset: 10}">
          <span><a-icon type="check-circle" style="color:#f83c3c; font-size: 120px" />&nbsp;</span>
      </a-form-item>
     
      <a-form-item :wrapperCol="{span: 19, offset: 10}">
        <a-button  type="primary" @click="finish">提交</a-button>
        <a-button style="margin-left: 8px" @click="prevStep">上一步</a-button>
      </a-form-item>
    </a-form>
    </a-spin>
  </div>
</template>

<script>
  export default {
    name: "ArcCusStep5",
    props: ["formData4"],
    data () {
      return {
        confirmLoading: false,
        loading: false
      }
    },
    methods: {
      finish () {
        const that = this
        that.loading = true;
        that.confirmLoading= true;
        setTimeout(function () {
          that.$emit('finish')
        }, 1000)        
      }, 
      prevStep () {
        this.$emit('prevStep')
      }
    }
  }
</script>

<style lang="less" scoped>
  .stepFormText {
    margin-bottom: 24px;

    .ant-form-item-label,
    .ant-form-item-control {
      line-height: 22px;
    }
  }

</style>